<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}">
    <link rel="apple-touch-icon-precomposed" href="../../static/images/icon/icon.png"
          th:href="@{/images/icon/icon.png}">
    <link rel="shortcut icon" href="../../static/images/icon/favicon.ico" th:href="@{/images/icon/favicon.ico}">

    <link rel="stylesheet" href="../../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/style.css" th:href="@{/css/style.css}">
    <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
</head>
<body>
<div class="ui basic modal transition scrolling">
    <div class="m-container m-padded-tb-big animated fadeIn">
        <div class="ui container">
            <div class="ui stackable grid">
                <div class="three wide column"></div>
                <div class="m-padding-lr m-mobile-lr-clear"
                     style="border: 1px solid black;background-color: white;width: 715px;">
                    <div class="ten wide column">
                        <form class="ui ap form">
                            <h2 class="ui header m-padded-tb" style="text-align: center!important;">活动申请表</h2>
                            <h4 class="ui dividing header">基本信息(Basic information)</h4>
                            <div class="field">
                                <div class="two fields">
                                    <label class="m-text-l-h m-padded-lr-mini m-black">首图:</label>
                                    <img src="https://unsplash.it/300/200" alt="" class="ui rounded image">
                                </div>
                            </div>
                            <div class="field">
                                <div class="two fields">
                                    <label class="m-text-l-h m-padded-lr-mini m-black">标题:</label>
                                    <div class="field ten wide column">
                                        <input type="text" name="title" th:value="${Mes1.title}" disabled/>
                                    </div>
                                    <label class="m-text-l-h m-padded-lr-mini m-black">类型:</label>
                                    <div class="field three wide column">
                                        <input type="text" name="type" th:value="${Mes1.type.name}" disabled/>
                                    </div>
                                </div>
                            </div>
                            <div class="field">
                                <div class="two fields">
                                    <label class="m-text-l-h m-padded-lr-mini m-black">内容:</label>
                                    <div class="field fourteen wide column">
                                        <textarea name="content" th:text="${Mes1.content}" disabled></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="field">
                                <div class="two fields">
                                    <label class="m-padded-lr-mini m-black">开始时间:</label>
                                    <div class="field eleven wide column">
                                        <input type="text" name="startTime" th:value="${Mes1.startTime}" disabled/>
                                    </div>
                                    <label class="m-padded-lr-mini m-black">结束时间:</label>
                                    <div class="field fourteen wide column">
                                        <input type="text" name="endTime" th:value="${Mes1.endTime}" disabled/>
                                    </div>
                                </div>
                            </div>

                            <a class="ui submit button" href="#" onclick="javascript:history.go(-1);">返回</a> <br><br>
                        </form>
                    </div>
                </div>
                <div class="three wide column"></div>
            </div>
        </div>
    </div>
</div>


<script src="../../static/js/jquery.js" type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script src="../../static/js/html5shiv.min.js" type="text/javascript" th:src="@{/js/html5shiv.min.js}"></script>
<script src="../../static/js/respond.min.js" type="text/javascript" th:src="@{/js/respond.min.js}"></script>
<script src="../../static/js/selectivizr-min.js" type="text/javascript" th:src="@{/js/selectivizr-min.js}"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script>
    $('.ui.basic.modal')
        .modal('show');

</script>
</body>
</html>